<!DOCTYPE html>
<html lang="en">
<head>
	<title>jQuery UI All Tests</title>
	<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">

	<script type="text/javascript" src="../jquery-1.2.6.js"></script>
	<script type="text/javascript" src="../ui/ui.core.js"></script>

	<script type="text/javascript">
	var components = ["accordion","autocomplete","datepicker","dialog","draggable","progressbar","resizable","selectable","slider","sortable","spinner"];

	$(document).ready(function(){

		var $list = $("#individual_list"),
			$main = $("#main");

		$.each(components, function(i, val){
			$list.append('<li><a href="' + val + '.html">' + val + '</a></li>');
			$('<div class="component_panel" id="' + val + '">').appendTo($main);
			$('div#'+val).load(val + '.html #main *');
		});

		loadScripts();

		function loadScripts() {
			if ( $("div.component_panel").length == components.length ) {
				$.each(components, function(i, val){
					$('head').append('<script type="text/javascript" src="'+val+'.js"></scr'+'pit>');
				});
			} else {
				setTimeout( function (){ loadScripts(); } ,10);
			}
		}

	
	});

	
	</script>

	<script type="text/javascript" src="../ui/ui.accordion.js"></script>
	<script type="text/javascript" src="../ui/ui.autocomplete.js"></script>
	<script type="text/javascript" src="../ui/ui.datepicker.js"></script>
	<script type="text/javascript" src="../ui/ui.dialog.js"></script>
	<script type="text/javascript" src="../ui/ui.draggable.js"></script>
	<script type="text/javascript" src="../ui/ui.droppable.js"></script>
	<script type="text/javascript" src="../ui/ui.progressbar.js"></script>
	<script type="text/javascript" src="../ui/ui.resizable.js"></script>
	<script type="text/javascript" src="../ui/ui.selectable.js"></script>
	<script type="text/javascript" src="../ui/ui.slider.js"></script>
	<script type="text/javascript" src="../ui/ui.sortable.js"></script>
	<script type="text/javascript" src="../ui/ui.spinner.js"></script>
	<script type="text/javascript" src="../ui/ui.tabs.js"></script>
	
	<script type="text/javascript" src="qunit/testrunner.js"></script>
	<script type="text/javascript" src="simulate/jquery.simulate.js"></script>

	<style type="text/css">
		@import "../themes/flora/flora.datepicker.css";
		.xerror, .error { display: none }
	</style>

</head>
<body class="flora">
	<h1>jQuery UI All Tests</h1>
	<h2 id="banner"></h2>
	<h2 id="userAgent"></h2>

	<h4>Run individual testsuites or doubleclick a test below</h4>
	<ul id="individual_list">
	</ul>

	<ol id="tests"></ol>

	<div id="main" style="position:absolute;top:-2000000px;">

	</div>

	</body>
</html>